<template>
  <div>
    <XtxTabs v-model="activeName">
    <!-- 我就是个备注 -->
      <XtxTabsPanel v-for="item in orderStatus" :key="item.name" :label="item.label" :name="item.name">{{item.label}}</XtxTabsPanel>
    </XtxTabs>
  </div>
</template>

<script>
import { ref } from 'vue'
export default {
  setup () {
    const activeName = ref('all')
    // 订单状态
    const orderStatus = [
      { name: 'all', label: '全部订单' },
      { name: 'unpay', label: '待付款' },
      { name: 'deliver', label: '待发货' },
      { name: 'receive', label: '待收货' },
      { name: 'comment', label: '待评价' },
      { name: 'complete', label: '已完成' },
      { name: 'cancel', label: '已取消' }
    ]
    return {
      activeName,
      orderStatus
    }
  }
}
</script>

<style>

</style>
